<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消息框练习</title>
		<!-- 导入 jquery 核心类库 -->
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<!-- 导入 easyui 类库 -->
		<script type="text/javascript " src="js/easyui/jquery.easyui.min.js"></script>
		<!– 导入默认主题 CSS 文件-->
		<link id="easyuiTheme" rel="stylesheet" type="text/css" href="js/easyui/themes/default/easyui.css">
		<!– 导入图标 CSS 文件-->
		<link rel="stylesheet " type="text/css " href="js/easyui/themes/icon.css">
		<!– 导入国际化信息文件-->
		<script src="js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript "></script>
		<script type="text/javascript">
			// 页面加载
			$(function(){
				// 警告窗口
				//$.messager.alert("标题","警告内容","warning");
			
				// 确认窗口
				/*$.messager.confirm("删除提示","确定删除吗?",function(result){
					if(result){
						alert("执行删除中.....");
					}else{
						alert("取消删除中....");
					}
				})*/
				
				// 输入窗口
				/*$.messager.prompt("调查窗口","你在哪里呀?",function(val){
					alert("我在"+val);
				})*/
				
				// 右下角窗口
				/*$.messager.show({
					title:"标题",
					msg:"段家鑫要结婚啦,<a href='#'>猛戳这里</a>",
					timeout:2000 // 2秒后自动消失
				});*/
				
				// 进度条窗口
				$.messager.progress({
					interval:1000  // 设置每隔多少秒进10%
				});
				
				// 定时器
				window.setTimeout("$.messager.progress('close');",5000) // 5秒后自动关闭进度条
			});
		</script>
	</head>
	<body>
	</body>
</html>
